<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>选择器权重</title>
	</head>
	<style>
		*{color: red !important;}  /* 权值0 */
		p{
			color: blue; /*权值1*/
		}
		p.p1{            /*计算权值：1+10*/
			color: grey;
		}
		.p1{             /*权值10*/
			color: black;
		}
		div p.p1{         /*权值1+1+10*/
			color: red;
		}
		#p1{
			color: blue;
		}
	</style>
	<body>
		<div>
			<p class="p1" id="p1" style="color: chartreuse">lorem</p>
			<div>
				<p class="p1" id="p1">Lorem</p>
				<span>内容</span>
			</div>
		</div>
	</body>
</html>